<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  <title>7.2添加资质认证书</title>
  <script>
    var HOST_S = "";
    var ctx = "";
  </script>

  <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link href="../assets/module/gcjsy/gcjsy-comp.css" rel="stylesheet">
  <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
  <!-- CSS Customization -->
  <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../assets/plugins/art-template/template.js"></script>
  <script src="../assets/plugins/layer/layer.js"></script>
  <script src="../assets/ditop/ditop.js"></script>
  <script>
    $("html").addClass("LAYOUT_9");
    if (parent.layer.getFrameIndex(window.name)) {
      $("html").addClass("dlglayer");
    }
  </script>


  <style>
    .columnMain {
      padding-top: 20px;
      padding-bottom: 80px;
    }

    .popup96_56 {
      height: auto;
      margin: 0 auto;
      min-height: 513px;
    }

    .columnMain-ul {
      padding-bottom: 0;
    }

    .columnMain-ul li {
      margin-bottom: 10px;
      padding-bottom: 0;
      min-height: 53px;
    }

    .columnMain-ul li > div span {
      width: 90px;
      font-size: 14px;
      margin-right: 10px;
      padding-top: 5px;
    }

    .columnMain-ul li > div input {
      vertical-align: top;
      color: #333333;
      font-size: 14px !important;
      height: 30px !important;
    }

    .form-group {
      padding-top: 0;
    }

    .h-title {
      font-size: 18px;
      padding-bottom: 10px !important;
      color: #333333;
      min-height: 20px !important;
    }

    .Science {
      padding: 0 20px !important;
    }

    .Science h5 {
      font-size: 15px;
    }

    .columnMain-ul li > div .help-block {
      padding-top: 0;
    }

    .labelR select {
      font-size: 14px !important;
      height: 30px;
    }

    .nothing_data {
      margin-bottom: 15px!important;
      margin-top: 10px;
    }
  </style>


</head>

<body>
<div class="popup96_56">

  <div class="columnMain">
    <form action="" class="">
      <ul class="columnMain-ul" style="padding-top: 10px;">
        <li class="h-title">证书信息</li>
        <li>
          <div class="form-group">
            <span>资质类别</span>

            <div class="labelR">
              <input readonly type="text" value="工程造价" class="form-control" placeholder="">
              <!--<span class="help-block">Some help goes here...</span>-->
            </div>
          </div>


        </li>
        <li>

          <div class="form-group">
            <span>证书编号</span>

            <div class="labelR">
              <input type="text" value="" class="form-control" placeholder="">
              <!--<span class="help-block">Some help goes here...</span>-->
            </div>
          </div>
          <div class="form-group">
            <span>发证日期</span>

            <div class="labelR">
              <select class="form-control addSj">
                <option>1231</option>
                <option>123</option>
              </select>

              <div class=""></div>
              <span class="help-block">Some help goes here...</span>
            </div>
          </div>
        </li>

        <li>

          <div class="form-group">
            <span>发证机关单位</span>

            <div class="labelR">
              <input type="text" value="" class="form-control" placeholder="">

              <div class=""></div>
              <!--<span class="help-block">Some help goes here...</span>-->
            </div>
          </div>
          <div class="form-group">
            <span>证书有效期</span>

            <div class="labelR">
              <select class="form-control addSj">
                <option>1231</option>
                <option>123</option>
              </select>

              <div class=""></div>
              <!--<span class="help-block">Some help goes here...</span>-->
            </div>
          </div>
        </li>


      </ul>
      <div class="Science">
        <h4 class="h-title margin-bottom-0">证书资质项</h4>

        <div class="tower">
          <ul>


            <li class="nothing_data center">

              <div>
                <img src="../images/zwsj.png" alt="">
                <span>选择"专业工程类别"后完善工程对应的指标</span>
              </div>

            </li>

            <!--<li>
              <div class="towerT">
                <select disabled="disabled">
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级1</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级2</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级3</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级4</option>
                </select>

                <div class="dateRange">
                  <span>有效期 :</span><input type="text" readonly value="2010-12-06"/><span> &#45;&#45; </span><input type="text"
                                                                                                            readonly
                                                                                                            value="2020-12-06"/>
                </div>

                                <span class="z-control">
                                    <a href="javascript:;"><i class="dtFont dtFont-bianji" title="编辑"></i></a>
                                    <a href="javascript:;"><i class="dtFont dtFont-shanchu" title="删除"></i></a>
                                </span>
              </div>
              <div class="towerB">
                <input class="ls" type="button" value="保存"/>
                <input class="qx" type="button" value="取消"/>
              </div>
            </li>
            <li>
              <div class="towerT">
                <select disabled="disabled">
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级1</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级2</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级3</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级4</option>
                </select>

                <div class="dateRange">
                  <span>有效期 :</span><input type="text" readonly value="2010-12-06"/><span> &#45;&#45; </span><input type="text"
                                                                                                            readonly
                                                                                                            value="2020-12-06"/>
                </div>

                                <span class="z-control">
                                    <a href="javascript:;"><i class="dtFont dtFont-bianji" title="编辑"></i></a>
                                    <a href="javascript:;"><i class="dtFont dtFont-shanchu" title="删除"></i></a>
                                </span>
              </div>
              <div class="towerB">
                <input class="ls" type="button" value="保存"/>
                <input class="qx" type="button" value="取消"/>
              </div>
            </li>
            <li>
              <div class="towerT">
                <select disabled="disabled">
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级1</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级2</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级3</option>
                  <option value="工程造价咨询资质乙级">工程造价咨询资质乙级4</option>
                </select>

                <div class="dateRange">
                  <span>有效期 :</span><input type="text" readonly value="2010-12-06"/><span> &#45;&#45; </span><input type="text"
                                                                                                            readonly
                                                                                                            value="2020-12-06"/>
                </div>

                                <span class="z-control">
                                    <a href="javascript:;"><i class="dtFont dtFont-bianji" title="编辑"></i></a>
                                    <a href="javascript:;"><i class="dtFont dtFont-shanchu" title="删除"></i></a>
                                </span>
              </div>
              <div class="towerB">
                <input class="ls" type="button" value="保存"/>
                <input class="qx" type="button" value="取消"/>
              </div>
            </li>-->


          </ul>
          <p><a href="javascript:;" id="addLi" class='active'><i class="dtFont dtFont-add"></i>添加资质</a></p>
        </div>
      </div>
      <div class="Science">
        <h4 class="h-title">证书附件</h4>
        <dl>
          <dd class="">
            <h5>资质证书副本</h5>

            <p class="Science-des">下载模板，按照填写说明填写各项指标，填写完成导出PDF文件上传，上传文件大小不超过10M，上传文件为1份</p>
            <!--<p class="Science-a"><a href="#">模板下载</a> <a href="#">上传附件</a></p>-->
            <ul class="diploma-alertList4 clearfix">
              <li>
                <div class="clearfix">
                  <div class="down_pic pull-left excel">

                  </div>
                  <div class="down_ope pull-right">
                    <h4><span>文档标题过长,用'.....'</span><i>.ppt</i></h4>

                    <p>9MB</p>

                    <div class="down-mask">
                      <a href=""><img src="../images/ck5.png" alt=""></a>
                      <a href=""><img src="../images/sc6.png" alt=""></a>
                    </div>
                  </div>
                </div>
              </li>

              <li>
                <div class="clearfix">
                  <div class="down_pic pull-left pdf">
                  </div>
                  <div class="down_ope pull-right">
                    <h4><span>文档标题过长,用'.....'</span><i>.ppt</i></h4>

                    <p>9MB</p>

                    <div class="down-mask">
                      <a href=""><img src="../images/ck5.png" alt=""></a>
                      <a href=""><img src="../images/sc6.png" alt=""></a>
                    </div>
                  </div>
                </div>
              </li>

              <li>
                <div class="clearfix">
                  <div class="down_pic pull-left png">

                  </div>
                  <div class="down_ope pull-right">
                    <h4><span>文档标题过长,用'.....'</span><i>.ppt</i></h4>

                    <p>9MB</p>

                    <div class="down-mask">
                      <a href=""><img src="../images/ck5.png" alt=""></a>
                      <a href=""><img src="../images/xz3.png" alt=""></a>
                      <a href=""><img src="../images/sc6.png" alt=""></a>
                    </div>
                  </div>
                </div>
              </li>

              <li>
                <div class="clearfix">
                  <div class="down_pic pull-left word">
                  </div>
                  <div class="down_ope pull-right">
                    <h4><span>文档标题过长,用'.....'</span><i>.ppt</i></h4>

                    <p>9MB</p>

                    <div class="down-mask">
                      <a href=""><img src="../images/ck5.png" alt=""></a>
                      <a href=""><img src="../images/xz3.png" alt=""></a>
                      <a href=""><img src="../images/sc6.png" alt=""></a>
                    </div>
                  </div>
                </div>
              </li>

              <li>
                <div class="clearfix">
                  <div class="down_pic pull-left word">
                  </div>
                  <div class="down_ope pull-right">
                    <h4><span>文档标题过长,用'.....'</span><i>.ppt</i></h4>

                    <p>9MB</p>

                    <div class="down-mask">
                      <a href=""><img src="../images/ck5.png" alt=""></a>
                      <a href=""><img src="../images/xz3.png" alt=""></a>
                      <a href=""><img src="../images/sc6.png" alt=""></a>
                    </div>
                  </div>
                </div>
              </li>

            </ul>

          </dd>

          <dd class="">
            <h5>资质证书正本</h5>

            <p class="Science-des">下载模板，按照填写说明填写各项指标，填写完成导出PDF文件上传，上传文件大小不超过10M，上传文件为1份</p>

            <p class="Science-a"><a href="#">上传附件</a></p>
            <!--<ul class="diploma-alertList4 clearfix">
                <li>
                    <div class="clearfix">
                        <div class="down_pic pull-left excel">

                        </div>
                        <div class="down_ope pull-right">
                            <h4><span>文档标题过长,用'.....'</span><i>.ppt</i></h4>
                            <p>9MB</p>
                            <div class="down-mask">
                                <a href=""><img src="images/ck5.png" alt=""></a>
                                <a href=""><img src="images/sc6.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>-->

          </dd>

        </dl>
      </div>
      <div class="be_sure">
        <input type="button" value="取 消">
        <input type="button" value="保 存">
      </div>

    </form>
  </div>
</div>

<ul style="height: 0;overflow: hidden;visibility: hidden">
  <li id="moban">
    <div class="towerT">
      <select disabled="disabled">
        <option value="工程造价咨询资质乙级">添加资质添加资质添加资质添加资质1</option>
        <option value="工程造价咨询资质乙级">添加资质添加资质添加资质添加资质2</option>
        <option value="工程造价咨询资质乙级">添加资质添加资质添加资质添加资质3</option>
        <option value="工程造价咨询资质乙级">添加资质添加资质添加资质添加资质4</option>
      </select>

      <div class="dateRange">
        <span>有效期 :</span><input type="text" readonly value="2010-12-06"/><span> -- </span><input type="text" readonly
                                                                                                  value="2020-12-06"/>
      </div>

      <span class="z-control">
          <a href="javascript:;" class="mobanA0"><i class="dtFont dtFont-bianji" title="编辑"></i></a>
          <a href="javascript:;"><i class="dtFont dtFont-shanchu" title="删除"></i></a>
      </span>
    </div>
    <div class="towerB">
      <input class="mobanB0" type="button" value="添加资质"/>
      <input class="qx mobanX0" type="button" value="取消"/>
    </div>
  </li>
</ul>


<script>

  //编辑展开
  function edit(e){
    var M_this = e.parent().parent();
    M_this.parent().addClass('active');
    M_this.find("select").addClass('addSj').removeAttr('disabled');
    M_this.find(".dateRange").addClass('eidtting');
    M_this.next('.towerB').slideDown(300);
  }
  //编辑收起
  function shouqi(e){
    var M_this = e.parent().parent();
    M_this.removeClass('active');
    M_this.find("select").removeClass('addSj').attr('disabled', true);
    M_this.find(".dateRange").removeClass('eidtting');
    e.parent().slideUp(300);
    $('#addLi').show()
  }

  +function () {
    var tower = $('.tower');
    $('.z-control').each(function () {
      $(this).children('a').eq(0).click(function(){
            edit($(this))
      });
      $(this).children('a').eq(1).on('click', function () {
        var b = $(this).parent().parent().parent();
        b.remove();
        //layer.confirm('确认删除？', {btn: ['确认', '取消'],btn3: function(index, layero){alert(1)}}, function(index, layero){layer.closeAll();b.remove()});
      })
    });

    $('.qx').each(function () {
      $(this).on('click', function () {
        shouqi($(this))
      });
    });

    $('.ls').each(function () {
      $(this).on('click', function () {
        $('#addLi').show();
        layer.msg('这个按钮事件没写');
      });
    });


    $('#addLi').on('click', function () {
      var dom = $('#moban').clone(true),
          onOff = false;
      tower.children('ul').append(dom);
      $('#addLi').hide();
      $('.mobanA0').trigger("click");
      tower.find('#moban').removeAttr('id');
      tower.find('.mobanA0').removeClass("mobanA0");
      tower.find('.mobanB0').on('click',function(){
        $('#addLi').show();onOff=true;
        $(this).removeClass('mobanB0').val('保存').addClass('ls');
        layer.msg('添加成功');
        $(this).next('input').removeClass('mobanX0').trigger("click")
      });
      tower.find('.mobanX0').on('click',function(){
        $('#addLi').show();
        if(!onOff)tower.children('ul').find("li:last").remove()
      })
    });

  }();
</script>


<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>

<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>

<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>

<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>

<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>


<script src="../assets/base/scripts/app.js"></script>

<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>

<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>


<script src="../assets/module/gcjsy/js/content.js"></script>
</body>
</html>
